<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>碳达人</title>

    <link rel="stylesheet" th:href="@{/libs/bootstrapvalidator/css/bootstrapValidator.min.css}"/>
    <link rel="stylesheet" th:href="@{/libs/fireui/accordion.css}"/>
    <link rel="stylesheet" th:href="@{/libs/fireui/table.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/calculator_index.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/customer.css}"/>

    <link rel="stylesheet" media="screen" th:href="@{/cweb/css/lizi.css}" >
    <style>
    </style>

</head>
<body>

<header id="header">
    <div th:replace="home/cfragments/navbar :: cnavbar"></div>
</header>


<div class="cal-main">
    <div id="particles-js">
        <canvas class="particles-js-canvas-el"></canvas>
    </div>

    <div class="cal-row-img">
        <img th:src="@{/cweb/img/cal_index.jpg}">
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">化工</div>
            <div class="card-btn-div">
                <button type="button" onclick="chemicalindustry();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">发电设施</div>
            <div class="card-btn-div">
                <button type="button" onclick="fdss();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">电网</div>
            <div class="card-btn-div">
                <button type="button" onclick="dw();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">镁冶炼</div>
            <div class="card-btn-div">
                <button type="button" onclick="myl()" class="btn btn-primary">去体验</button>
            </div>
        </div>
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">铝冶炼</div>
            <div class="card-btn-div">
                <button type="button" onclick="lyl();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">钢铁生产</div>
            <div class="card-btn-div">
                <button type="button" onclick="gtqy();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">民用航空</div>
            <div class="card-btn-div">
                <button type="button" onclick="myhk();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">平板玻璃生产</div>
            <div class="card-btn-div">
                <button type="button" onclick="pbbl();" class="btn btn-primary">去体验</button>
            </div>
        </div>
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">水泥生产</div>
            <div class="card-btn-div">
                <button type="button" onclick="sqsc();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">陶瓷生产</div>
            <div class="card-btn-div">
                <button type="button" onclick="tcqy();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">煤炭生产</div>
            <div class="card-btn-div">
                <button type="button" onclick="coal();" class="btn btn-primary">去体验</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">纺织服装</div>
            <div class="card-btn-div">
                <button type="button" onclick="fzqy()" class="btn btn-primary">去体验</button>
            </div>
        </div>
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">石油天然气生产</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">造纸和纸制品生产</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">石油化工</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">独立焦化</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">氟化工</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">矿山</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">建筑</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">电子设备制造</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">机械设备制造</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">陆上交通运输</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">食品烟草及酒饮料和精制茶叶</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
        <div class="cal-card">
            <div class="card-title">其他有色金属冶炼和延压加工</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
    </div>

    <div class="cal-row">
        <div class="cal-card">
            <div class="card-title">工业其他行业</div>
            <div class="card-btn-div">
                <button type="button" class="btn btn-primary">建设中</button>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div th:replace="home/cfragments/footer :: cfooter"></div>
</div>
<script th:src="@{/libs/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/cweb/js/lizi.js}"></script>
<script>

    $(function () {
        $('#tdr').addClass('th-bg');

        if ($('#no_login').length == 1) {

        } else {
            Core.postAjax("/blog/api/getVip", null, function (data) {
                let type = data.data.type;
            });
        }

        $('.btn').each(function () {
            let text = $(this).text();
            if (text == '建设中') {
                $(this).css('color', '#999999')
            }
        })
    });
</script>

<script>
    
    $(function () {
        
        $('.right_float').mouseover(function () {

        });
        
    });
    
</script>
</body>
</html>